{extend name='public/base' /}


{block name="css"}

<link rel="stylesheet" href="__PLUG__/editormd-master/css/editormd.preview.css" />
<link rel="stylesheet" href="__PLUG__/editormd-master/css/editormd.min.css" />
{/block}

{block name="p_header"}{/block}

{block name="body"}
<body>
{/block}


{block name="content"}
<div class="bg-cover pd-header post-cover" style="background-image: url({$bannar_background})">
    <div class="container" style="right: 0px;left: 0px;">
        <div class="row">
            <div class="col s12 m12 l12">
                <div class="brand">
                    <h1 class="description center-align post-title">{$info.title}</h1>
                </div>
            </div>
        </div>
    </div>
</div>

<main class="post-container content">

    <div class="row">
        <div id="main-content" class="col s12 m12">
            <!-- 文章内容详情 -->
            <div id="artDetail">
                <div class="card">
                    <div class="card-content article-info">
                        <div class="row tag-cate">
                            <div class="col s7">

                                <div class="article-tag">
                                    {volist name="tags" id="v"}
                                    <a href="/tag_show/{$v}">
                                        <span class="chip bg-color">{$v}</span>
                                    </a>
                                    {/volist}

                                </div>

                            </div>
                            <div class="col s5 right-align">

                                <div class="post-cate">
                                    <i class="fas fa-bookmark fa-fw icon-category"></i>
                                    <a href="{$info.cates.url}" class="post-category">
                                        {$info.cates.name}
                                    </a>
                                </div>

                            </div>
                        </div>

                        <div class="post-info">

                            <div class="post-date info-break-policy">
                                <i class="far fa-calendar-minus fa-fw"></i>发布日期:&nbsp;&nbsp;
                                {$info.createtime}
                            </div>

                            <div class="info-break-policy">
                                <i class="far fa-clock fa-fw"></i>喜欢量:&nbsp;&nbsp;
                                {$info.love} 个
                            </div>

                            <div id="busuanzi_container_page_pv" class="info-break-policy">
                                <i class="far fa-eye fa-fw"></i>阅读次数:&nbsp;&nbsp;
                                <span>{$info.hits}</span>
                            </div>

                        </div>
                    </div>
                    <hr class="clearfix">
                    <div class="card-content article-card-content">
                        <div id="articleContent">


                            <blockquote>
                                <p>{$info.description}</p>
                            </blockquote>


                            <div id="test-markdown-view">
                                <textarea style="display:none;">{$info.content}</textarea>
                            </div>

                            <div class="reprint" id="reprint-statement">


                                <div class="reprint__author">
                                <span class="reprint-meta" style="font-weight: bold;">
                                    <i class="fas fa-user">
                                        文章作者:
                                    </i>
                                </span>
                                    <span class="reprint-info">
                                 <a href="/about" rel="external nofollow noreferrer">{$info.author}</a>
                                </span>
                                </div>
                                <div class="reprint__type">
                            <span class="reprint-meta" style="font-weight: bold;">
                                <i class="fas fa-link">
                                    文章链接:
                                </i>
                            </span>
                                    <span class="reprint-info">
                                 <a href="{$durl}">{$durl}</a>
                              </span>
                                </div>
                                <div class="reprint__notice">
                                <span class="reprint-meta" style="font-weight: bold;">
                                    <i class="fas fa-copyright">
                                        版权声明:
                                    </i>
                                </span>
                                    <span class="reprint-info">
                                    本博客所有文章除特別声明外,转载请注明来源
                                    <a href="/about" target="_blank">{$config.site.site_author}</a>
                                    !
                                 </span>
                                </div>




                            </div>

                            <script async defer>
                                document.addEventListener("copy", function (e) {
                                    let toastHTML = '<span>复制成功，请遵循本文的转载规则</span>';
                                    M.toast({html: toastHTML})
                                });
                            </script>
                        </div>

                        <style>
                            /*分享*/
                            .share_1 * {
                                -webkit-box-sizing: border-box;
                                box-sizing: border-box;
                            }
                            .share_1 a {
                                text-align: center;
                                margin-left: 6px;
                                padding: 4px;
                                display: inline-block;
                                vertical-align: middle;
                                width: 36px;
                                height: 36px;
                                border-radius: 100%;
                                border: 1px #eee solid;
                                cursor: pointer;
                            }
                            .share_1 a svg {
                                width: 20px;
                                height: 20px;
                            }
                            .share_1 a.qqzone svg {
                                fill: #fecc2f;
                            }
                            .share_1 a.qq svg {
                                fill: #0085ff;
                            }
                            .share_1 a.weibo svg {
                                fill: #ec4141;
                            }
                            .share_1 a.weixin svg {
                                fill: #25d38a;
                            }

                            .share_1 a.weixin:hover{
                                background-color:#25d38a;
                            }
                            .share_1 a.weixin:hover svg{
                                fill: #FFF;
                            }
                            .share_1 a.weibo:hover{
                                background-color:#ec4141;
                            }
                            .share_1 a.weibo:hover svg{
                                fill: #FFF;
                            }
                            .share_1 a.qq:hover{
                                background-color:#0085ff;
                            }
                            .share_1 a.qq:hover svg{
                                fill: #FFF;
                            }
                            .share_1 a.qqzone:hover{
                                background-color:#fecc2f;
                            }
                            .share_1 a.qqzone:hover svg {
                                fill: #FFF;
                            }
                        </style>

                        <!--文章分享-->
                        <div class="share_1" style="margin-top: 20px;">
                            <span>分享：</span>
                            <a title="分享到新浪微博" class="weibo" onclick="window.open(&quot;http://service.weibo.com/share/share.php?url={$durl}&amp;title={$info['title']}&amp;pic={$domain}{$info['img_url']}&amp;searchPic=true&quot;)" target="_blank"><svg class="icon" viewBox="0 0 1024 1024"><path d="M 783.055 155.691 c -30.146 -6.856 -70.576 -5.449 -121.289 4.131 c -0.703 0 -1.406 0.352 -2.109 1.055 l -1.055 2.109 l -1.055 1.055 c -7.559 2.021 -13.711 6.328 -18.545 12.832 c -4.834 6.503 -7.207 13.535 -7.207 21.006 c 0 10.283 3.427 18.809 10.283 25.664 c 6.856 6.856 15.117 10.283 24.698 10.283 h 3.076 c 0.703 0 2.198 -0.352 4.658 -1.055 c 2.373 -0.703 5.01 -1.23 7.734 -1.582 c 2.724 -0.352 5.625 -1.055 8.789 -2.109 c 3.076 -1.055 5.888 -2.021 8.262 -3.076 c 2.373 -1.055 7.031 -1.582 13.887 -1.582 c 6.856 0 15.293 0.528 25.224 1.582 c 9.932 1.055 20.918 3.604 32.871 7.646 c 12.041 4.131 23.994 9.229 35.947 15.381 c 11.953 6.153 23.994 14.766 35.947 25.664 c 12.041 10.898 22.5 23.555 31.377 37.969 c 17.842 40.342 21.27 79.365 10.283 117.07 c 0 0.703 -0.176 1.406 -0.528 2.109 c -0.352 0.703 -0.879 2.373 -1.582 5.098 c -0.703 2.724 -1.406 5.273 -2.109 7.646 c -0.703 2.373 -1.406 5.45 -2.109 9.229 c -0.703 3.779 -1.055 7.031 -1.055 9.756 c 0 6.153 1.67 11.25 5.098 15.381 c 3.428 4.131 7.734 7.031 12.833 8.701 c 5.185 1.67 11.162 2.549 18.018 2.549 c 19.161 0 30.498 -11.602 33.926 -34.893 c 8.262 -26.719 12.832 -52.208 13.887 -76.465 c 1.055 -24.258 -0.703 -45.703 -5.098 -64.161 c -4.482 -18.457 -11.162 -35.771 -20.039 -51.856 c -8.877 -16.084 -19.161 -29.795 -30.849 -41.045 c -11.69 -11.338 -24.697 -21.533 -39.112 -30.849 c -14.414 -9.229 -28.301 -16.612 -41.661 -22.06 c -13.184 -5.362 -27.07 -9.756 -41.396 -13.184 v 0 Z M 800.545 445.115 c 4.131 0 7.911 -1.055 11.338 -3.076 s 6.153 -4.658 8.261 -7.646 c 2.021 -3.076 3.428 -6.328 4.131 -9.756 c 0.703 -0.703 1.055 -1.67 1.055 -3.076 c 8.262 -78.047 -19.161 -122.52 -82.266 -133.418 c -18.545 -3.428 -35.684 -3.779 -51.416 -1.055 c -4.834 0 -8.877 1.231 -12.305 3.604 c -3.428 2.373 -6.328 5.449 -8.789 9.229 c -2.373 3.779 -3.604 7.734 -3.604 11.778 c 0 6.856 2.373 12.656 7.208 17.403 c 4.834 4.747 10.635 7.207 17.49 7.207 c 53.438 -12.305 82.266 4.747 86.308 51.328 c 1.406 11.602 0.703 22.588 -2.109 32.872 c 0 6.856 2.373 12.656 7.207 17.403 c 4.746 4.747 10.635 7.119 17.49 7.208 v 0 Z M 435.623 659.656 c -4.834 3.428 -9.756 4.922 -14.942 4.658 c -5.098 -0.352 -8.701 -2.549 -10.81 -6.68 l -2.109 -4.131 c -0.703 -1.406 -1.055 -2.724 -1.055 -4.131 v -4.131 c 0 -2.021 0.352 -3.779 1.055 -5.098 l 2.109 -4.131 c 0.703 -1.406 1.67 -2.373 3.076 -3.076 l 3.076 -4.131 c 5.45 -4.131 10.81 -5.801 15.908 -5.098 s 8.701 3.428 10.81 8.174 c 2.021 2.724 2.901 5.801 2.549 9.229 c -0.352 3.427 -1.406 6.68 -3.076 9.756 c -1.67 3.164 -3.867 6.065 -6.592 8.789 v 0 Z M 348.172 733.572 c -4.131 0.703 -8.086 0.879 -11.778 0.528 c -3.779 -0.352 -7.207 -1.055 -10.283 -2.109 c -3.076 -1.055 -6.153 -2.285 -9.229 -3.604 c -3.076 -1.318 -5.625 -3.252 -7.734 -5.625 c -2.109 -2.461 -3.955 -4.834 -5.625 -7.207 c -1.67 -2.373 -3.076 -5.098 -4.131 -8.174 c -1.055 -3.076 -1.583 -6.328 -1.583 -9.756 c 0 -7.559 2.021 -14.854 6.153 -22.06 c 4.131 -7.208 9.756 -13.359 16.963 -18.458 c 7.207 -5.185 15.205 -8.086 24.17 -8.701 c 6.153 -0.703 12.129 -0.528 18.018 0.527 s 10.81 2.724 14.942 5.098 c 4.131 2.373 7.734 5.098 10.81 8.174 c 3.076 3.076 5.362 6.68 6.68 10.81 c 1.318 4.131 2.021 8.526 2.109 13.359 c 0 7.559 -2.197 14.678 -6.68 21.533 c -4.482 6.856 -10.459 12.656 -18.018 17.403 c -7.558 4.747 -15.82 7.471 -24.785 8.262 v 0 Z M 385.174 539.51 c -19.864 2.021 -37.705 6.68 -53.438 13.887 s -28.125 15.381 -37.002 24.609 c -8.877 9.229 -16.435 19.16 -22.675 29.795 c -6.153 10.635 -10.459 21.006 -12.832 31.289 c -2.373 10.283 -3.955 19.688 -4.658 28.213 c -0.703 8.526 -1.055 15.205 -1.055 20.039 l 1.055 8.174 v 4.131 c 0 2.021 0.703 6.153 2.109 12.305 s 3.252 11.778 5.625 16.963 c 2.373 5.185 6.328 10.81 11.777 16.963 c 5.449 6.152 11.953 11.25 19.511 15.381 c 45.263 21.885 87.364 28.565 126.474 20.039 c 39.023 -8.526 70.576 -28.213 94.57 -59.063 c 9.58 -11.602 15.908 -26.016 18.984 -43.154 c 3.076 -17.138 2.373 -34.365 -2.109 -51.856 c -4.482 -17.402 -12.129 -33.31 -23.115 -47.724 c -10.987 -14.414 -27.246 -25.489 -48.779 -33.398 c -21.445 -7.823 -46.318 -10.019 -74.443 -6.592 v 0 Z M 415.057 823.924 c -74.004 3.428 -136.934 -10.987 -188.614 -43.154 c -51.768 -32.168 -77.607 -72.862 -77.607 -122.168 c 0 -48.604 25.664 -90.527 77.08 -125.771 c 51.416 -35.244 114.434 -54.58 189.141 -58.008 c 74.708 -3.427 137.724 8.877 189.141 36.914 c 51.416 28.037 77.08 66.357 77.08 114.961 c 0 49.307 -26.192 93.604 -78.662 132.891 c -52.383 39.463 -114.961 60.82 -187.559 64.336 v 0 Z M 728.563 504.705 c -10.283 -2.021 -16.963 -5.098 -20.039 -9.229 s -3.604 -7.823 -1.582 -11.338 l 3.076 -5.097 c 0.703 -0.703 1.406 -1.67 2.109 -3.076 s 2.109 -4.307 4.131 -8.701 c 2.021 -4.482 3.604 -8.877 4.658 -13.359 c 1.055 -4.482 1.933 -9.932 2.549 -16.435 c 0.703 -6.504 0.44 -12.656 -0.528 -18.458 c -0.967 -5.8 -3.076 -12.129 -6.153 -18.984 c -3.076 -6.856 -7.383 -13.008 -12.832 -18.457 c -9.58 -9.58 -22.148 -15.732 -37.529 -18.457 c -15.381 -2.724 -30.849 -2.901 -46.231 -0.528 c -15.381 2.373 -29.971 5.45 -43.682 9.229 c -13.711 3.779 -25.049 7.383 -33.925 10.81 l -13.359 6.153 c -6.856 2.021 -12.481 3.427 -16.963 4.131 c -4.482 0.703 -7.911 0.528 -10.283 -0.528 c -2.373 -1.055 -4.307 -2.021 -5.625 -3.076 c -1.318 -1.055 -1.846 -3.428 -1.582 -7.207 c 0.352 -3.779 0.703 -7.031 1.055 -9.756 c 0.352 -2.724 1.23 -7.031 2.549 -12.832 c 1.406 -5.801 2.373 -10.459 3.076 -13.887 c 0 -8.174 -0.527 -15.908 -1.582 -23.115 c -1.055 -7.207 -3.252 -15.205 -6.68 -24.083 c -3.427 -8.877 -8.349 -16.084 -14.942 -21.533 c -6.504 -5.45 -14.766 -9.932 -24.698 -13.359 c -9.932 -3.428 -22.763 -4.482 -38.584 -3.076 c -15.732 1.318 -33.575 5.45 -53.438 12.305 c -23.994 8.174 -48.34 20.391 -73.037 36.387 c -24.697 16.084 -46.055 32.872 -64.248 50.273 c -18.193 17.49 -34.805 34.365 -49.834 50.801 c -15.117 16.435 -26.719 29.795 -34.981 40.078 l -11.338 16.435 c -22.588 29.443 -39.375 58.887 -50.362 88.242 c -10.898 29.356 -16.084 51.592 -15.381 66.622 v 21.533 c 4.131 32.872 14.238 62.315 30.322 88.33 c 16.084 26.016 35.244 47.021 57.568 63.106 c 22.324 16.084 48.516 29.795 78.662 41.045 c 30.146 11.338 59.151 19.512 86.924 24.609 c 27.773 5.098 57.041 8.701 87.891 10.81 c 50.713 4.131 103.359 0.176 157.763 -11.778 c 54.492 -11.953 105.205 -32.695 152.138 -62.138 c 46.933 -29.443 80.068 -64.688 99.229 -105.732 c 11.69 -23.994 17.666 -46.582 18.018 -67.763 c 0.352 -21.182 -3.252 -38.497 -10.81 -51.856 c -7.559 -13.359 -17.315 -25.137 -29.356 -35.42 c -11.953 -10.283 -23.291 -17.842 -33.926 -22.588 c -10.635 -4.834 -20.039 -7.911 -28.301 -9.229 v 0.175 Z" p-id="3459"></path></svg></a>
                            <a title="分享到QQ好友" class="qq" onclick="window.open(&quot;http://connect.qq.com/widget/shareqq/index.html?url={$durl}&amp;title={$info['title']}&amp;pics={$domain}{$info['img_url']}&quot;)" target="_blank"><svg class="icon" viewBox="0 0 1024 1024"><path d="M 138.899 578.78 c -31.677 78.904 -36.919 154.139 -11.406 168.117 c 17.65 9.7 45.132 -12.493 71 -52.863 c 10.263 44.214 35.56 83.884 71.736 115.954 c -37.88 14.765 -62.697 38.883 -62.697 66.146 c 0 44.914 67.022 81.176 149.682 81.176 c 74.578 0 136.357 -29.447 147.757 -68.244 h 17.74 c 11.622 38.797 73.267 68.244 147.933 68.244 c 82.751 0 149.682 -36.263 149.682 -81.176 c 0 -27.263 -24.772 -51.205 -62.741 -66.146 c 36.046 -32.07 61.517 -71.74 71.696 -115.954 c 25.862 40.37 53.215 62.564 70.954 52.863 c 25.643 -13.978 20.531 -89.213 -11.45 -168.117 c -24.987 -61.778 -58.848 -107.39 -84.67 -117.613 c 0.35 -3.756 0.655 -7.909 0.655 -11.884 c 0 -23.943 -6.378 -46.05 -17.254 -64.05 c 0.218 -1.441 0.218 -2.796 0.218 -4.237 c 0 -11.053 -2.491 -21.321 -6.772 -30.191 C 774.453 189.984 674.97 62.106 513.887 62.106 c -161.042 0 -260.655 127.879 -267.164 288.7 c -4.193 9 -6.772 19.313 -6.772 30.322 c 0 1.443 0 2.796 0.175 4.239 c -10.658 17.869 -17.039 39.974 -17.039 64.005 c 0 4.02 0.217 8.04 0.481 11.971 c -25.732 10.135 -59.723 55.659 -84.669 117.437 Z"></path></svg></a>
                            <a title="分享到QQ空间" class="qqzone" onclick="window.open(&quot;https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url={$durl}&amp;title={$info['title']}&amp;summary=来自技术小贺博客&amp;pics={$domain}{$info['img_url']}&quot;)" target="_blank"><svg class="icon" viewBox="0 0 1024 1024"><path d="M 969.36 423.824 c 0 -10.208 0 -7.408 -10.208 -7.408 l -102.048 0 L 683.648 416.416 l -40.848 -72.72 L 530.56 128 c -10.224 0 -10.224 0 -20.432 0 l -102.016 215.68 l -40.832 72.72 L 193.776 416.4 L 48 416.4 l 0 4.64 l 57.584 40.848 l 161.472 142.944 l -36.64 326.72 c 0 10.208 2.096 10.208 22.496 10.208 l 266.384 -163.36 l 265.824 163.36 c 10.24 0 10.48 0 20.688 -10.208 l -50.896 -326.72 l 153.12 -131.36 L 969.36 423.824 Z M 295.856 736.88 L 591.776 495.68 l -275.52 -47.232 l 418.368 0 L 479.536 679.456 l 265.312 57.424 L 295.856 736.88 Z" p-id="2569"></path></svg></a>
                        </div>

                    </div>

                </div>

                <script>
                    var author="{$config.site.site_author}";
                    $('#articleContent').on('copy', function (e) {
                        // IE8 or earlier browser is 'undefined'
                        if (typeof window.getSelection === 'undefined') return;

                        var selection = window.getSelection();
                        // if the selection is short let's not annoy our users.
                        if (('' + selection).length < Number.parseInt('120')) {
                            return;
                        }
                        // create a div outside of the visible area and fill it with the selected text.
                        var bodyElement = document.getElementsByTagName('body')[0];
                        var newdiv = document.createElement('div');
                        newdiv.style.position = 'absolute';
                        newdiv.style.left = '-99999px';
                        bodyElement.appendChild(newdiv);
                        newdiv.appendChild(selection.getRangeAt(0).cloneContents());

                        // we need a <pre> tag workaround.
                        // otherwise the text inside "pre" loses all the line breaks!
                        if (selection.getRangeAt(0).commonAncestorContainer.nodeName === 'PRE') {
                            newdiv.innerHTML = "<pre>" + newdiv.innerHTML + "</pre>";
                        }
                        var url = document.location.href;
                        newdiv.innerHTML += '<br />'
                            + '来源: '+author+'<br />'
                            + '文章作者: '+author+'<br />'
                            + '文章链接: <a href="' + url + '">' + url + '</a><br />'
                            + '本文章著作权归作者所有，任何形式的转载都请注明出处。';

                        selection.selectAllChildren(newdiv);
                        window.setTimeout(function () {bodyElement.removeChild(newdiv);}, 200);
                    });
                </script>

            </div>
        </div>

    </div>

</main>


{/block}

{block name="js"}

<script src="__PLUG__/editormd-master/editormd.js"></script>
<script src="__PLUG__/editormd-master/lib/marked.min.js"></script>
<script src="__PLUG__/editormd-master/lib/prettify.min.js"></script>
<script type="text/javascript">
    $(function() {
        editormd.markdownToHTML("test-markdown-view", {
            htmlDecode      : "style,script,iframe",  // you can filter tags decode
            emoji           : true,
            taskList        : true,
            tex             : true,  // 默认不解析
            codeFold : true,
        });
    });
</script>

{/block}